@import './reset.css';

@font-face {
  font-family: 'digitFont';
  src: url('../font/DS-DIGIT.TTF') format('truetype');
}

body {
  --el-mask-color: rgba(0, 0, 0, 0.3);
}

#app {
  height: 100%;
  background: #fff;
}

// vue transition
.v-fade-enter-active,
.v-fade-leave-active {
  transition: opacity 0.2s ease;
}
.v-fade-enter-from,
.v-fade-leave-to {
  opacity: 0;
}

body {
  .el-breadcrumb__inner.is-link,
  .el-breadcrumb__inner a {
    font-weight: normal;
  }
  .el-table {
    --el-table-header-bg-color: var(--el-fill-color-light);
  }
  .el-button:focus-visible {
    outline: none;
  }
  .el-pagination {
    justify-content: flex-end;
    margin-top: 20px;
    .el-select {
      width: 100px;
    }
  }
}
